<template>
  <BorderBox10 class="w-full h-full">
    <div class="p-4">
      <Title :title="`级别占比`"></Title>
      <div class="mt-8 h-48">
        <pieChart
          v-if="BarData.length"
          :bar-data="BarData"
        />
      </div>
    </div>
  </BorderBox10>
</template>
<script setup>
import { BorderBox10 } from '@kjgl77/datav-vue3'
import PieChart from '@/view/healthManager/components/echarts.vue'
import { defineProps } from 'vue'
import Title from '@/view/healthManager/components/title.vue'
// eslint-disable-next-line no-unused-vars
const props = defineProps({
  // eslint-disable-next-line vue/prop-name-casing
  BarData: {
    type: Array,
    default: () => []
  }
})
</script>
<style scoped>

</style>
